@color1: rgb(224,234,234);
@color2:rgb(242,247,247);
@color3:rgb(241,250,251);
@color4:rgb(105,105,105);

.badge{
  background-image: url("../assets/badge.png");
  background-size: 0.2rem 0.2rem;
  background-repeat: no-repeat;
  background-position: top right;
}

.tabs{
  font-family: 微软雅黑;
}

.contain{
  display: flex;
  background-color: white;
  overflow:hidden;
}

.left{
  width: 1.7rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: @color4;
  overflow-y: scroll;

  .contain2{

    background-color: @color2;
    border-right: 1px solid @color1;
    border-bottom: 1px solid @color1;

    &:active{
      background-color: white;
    }

    .img{
      width: 60%;
      margin-top: 0.2rem;
      margin-bottom: 0.1rem;
    }

    .title{
      font-size: 0.32rem;
      margin-bottom: 0.2rem;
    }
  }

  .active{
    background-color: white;
    border: none;
  }

  .flex{
    flex: 1;
    border-right: 1px solid @color1;
  }


}

.right{
  flex: 1;
  padding: 0.2rem;
  color: @color4;
  overflow-y: scroll;

  .title{
    margin: 0.2rem 0;
    font-size: 0.35rem;
  }

  .h1{
    font-size: 0.35rem;
    margin: 0.2rem 0 0.4rem 0;
  }

  .title2{
    //margin: 0.2rem 0;
    font-size: 0.35rem;
    padding: 0.3rem 0.2rem;
    border-bottom: 1px solid @color2;

    &:active{
      background-color: #eee;
    }

    &:last-child{
      margin-bottom: 1rem;
    }
  }

  .contain{
    width: 45%;
    margin: 0 2.5% 0.2rem 2.5%;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.35rem;
    line-height: 2em;
    height: 2em;
    background-color: @color3;
    border: 1px solid @color1;

    &:active{
      background-color: #bbb;
    }
  }

}

.bgInput{
  background-color: @color3;
  :global{
    .am-search{
      background-color: @color3;

      .am-search-input{
        background-color: white;
      }
    }
  }
}

.contain{
  :global{
    .am-badge{
      display: inline;
    }

  }
}

